@import "./color.sass"
@import './color_theme.sass'
@import "./font_size.sass"


*
    padding: 0
    margin: 0

ul, ol, dl
    list-style: none
    margin: 0

h1, h2, h3, h4, h5, h6
    font-size: 18px

.table_color
    color: rgba(0, 0, 0, 0.65)

.table_href
    color: $color_53a0

.color-666
    color: $color_666 !important

.color-333
    color: $color_333 !important

.font-12
    font-size: $font_12 !important

.font-13
    font-size: $font_13 !important

.font-14
    font-size: $font_14 !important

.font-16
    font-size: $font_16 !important

.font-18
    font-size: $font_18 !important

.font-20
    font-size: $font_20 !important

.color-fff
    color: $color_fff !important


.ant-layout-header
    line-height: 80px !important
    height: 80px !important
    // background: $color_fd69 !important
.ant-menu-item-selected
    background: $color_35a4 !important
    transition: all 0s
    position: relative


    span
        z-index: 9
        position: relative


.position_sub_menu
    position: absolute
    color: #333
    line-height: 40px
    left: 0
    padding-left: 4px
    height: 0
    visibility: hidden
    transition: all 0.1s
    span
        display: inline-block
        padding-right: 20px
        color: $color_6666
        width: 120px

.ant-menu-item-selected
    .position_sub_menu
        visibility: visible !important

.other_tags
    dd
        background: $color_eeee
    .customer_select_checked
        background: $color_fe92
        color: $color_ffff !important
        &::after
            background: $color_fe92

.customer_selections
    overflow: hidden
    &::after
        position: absolute
        width: 10px
        height: 10px
        background: $color_ffff
        content: ' '
        border-radius: 100%
        right: -4px
        top: -4px
        z-index: -99
.customer_select_checked
    overflow: hidden !important
    border: 1px solid $color_ff69 !important
    color: $color_ff69 !important
    position: relative
    transition: all 0.3s
    &::after
        position: absolute
        width: 10px
        height: 10px
        background: $color_ff69
        content: ' '
        border-radius: 100%
        right: -4px
        top: -4px
        z-index: 99999

.dt_select
    color: $color_666 !important
    float: left
    padding: 4px 10px
    background: #b2d9ff !important
    border-radius: 6px
    margin-right: 10px
    cursor: pointer
    box-sizing: border-box
    border: 0 none !important


.stars_item_checked
    background-position: 0 -20px !important
    transition: background 0.3s

.ant-btn-primary
    background: linear-gradient(to bottom, $color_19ac 0%, $color_0082bc 100%) !important
    // border-color: #53a0e7 !important

    &:hover
        background: linear-gradient(to bottom, $color_19ac 0%, $color_0082bc 100%) !important
        border-color: #5197d8 !important
.ant-btn-danger

    background: linear-gradient(to bottom, $color_19ac 0%, $color_0082bc 100%) !important
    border-color: transparent !important

.ant-table-tbody
    tr
        &:nth-child(even)
            background: #e6f2fd !important

        &:hover
            background: #f1f1f1 !important
            td
                background: #f1f1f1 !important

    .ant-table-row-hover
        td
            background: #f1f1f1 !important


.abserve
    padding-right: 6px
    font-size: 28px !important

.assets
    padding-right: 6px
    font-size: 22px !important

.group
    padding-right: 6px
    font-size: 22px !important

.advisor
    padding-right: 6px
    font-size: 26px !important


.reset
    padding-right: 6px
    font-size: 24px !important


.color_yellow
    color: $color_ff7d


.color_red
    color: $color_ff69


.color_grey
    color: $color_cccc


.float_left
    float: left

.float_right
    float: right
.common_title_manger
    font-size: 16px
    color: $color_3333

.charts_title
    position: relative
    padding-left: 10px
    &::after
        position: absolute
        height: 16px
        width: 4px
        background: $color_35a4
        content: ''
        left: 0
        bottom: 3px

.mt_10
    margin-top: 10px

.mt_20
    margin-top: 20px

.mt_40
    margin-top: 40px

.mb_10
    margin-bottom: 10px

.ml_10
    margin-left: 10px

.mr_20
    margin-right: 20px

.mr_10
    margin-right: 10px

.ml_5
    margin-left: 5px

.ml_20
    margin-left: 20px

.pb_10
    padding-bottom: 10px !important

.pb_40
    padding-bottom: 40px !important
.pr_10
    padding-right: 10px !important

.pl_10
    padding-left: 10px !important

.product_common_header
    background: url('../image/line_2.png') repeat-x -11px bottom
    padding-bottom: 10px

    .float_right
        button
            margin-right: 20px

    .ant-calendar-picker-input
        border-radius: 4px !important

    .header_content_split
        font-weight: normal
        font-size: 18px
        padding: 0 10px
        color: $color_9999

.product_common_header_plus
    font-size: 12px


.ant-input
    &::-webkit-input-placeholder
        color: $color_6666

.ant-select-selection__placeholder
    color: $color_6666




.file_search_input
    border-radius: 6px !important


.border_table_grid
    border-top: 1px solid $color_eeee

.color_number_red
    color: $color_ff37 !important

.color_number_green
    color: $color_0da4 !important

.forget_password
    margin-left: 10px
    float: right
    color: $color_ffff
    &:hover
        color: $color_ffff


.ant-input-clear-icon
    color: $color_ffff
    &:hover
        color: $color_ffff


.ant-input-password-icon
    color: $color_ffff
    &:hover
        color: $color_ffff


.login_register
    .ant-input-clear-icon
        color: inherit
        &:hover
            color: inherit


    .ant-input-password-icon
        color: inherit
        &:hover
            color: inherit


.table_border_right_list
    table
        border-radius: 0
    thead
        tr
            &:first-child
                th
                    &:first-child
                        border-radius: 0
            th
                border-top: 1px solid $color_eeee
                border-right: 1px solid $color_eeee
                border-radius: 0
                padding: 14px 14px
                &:last-child
                    border-right: 0 none
    tbody
        tr
            td
                border-right: 1px solid $color_eeee
                padding: 14px 14px

                &:first-child
                    min-width: 240px
                    padding: 14px 12px

                &:last-child
                    border-right: 0 none

.table_tags_list
    margin-left: 10px
    background: $color_fdde
    border: 0 none
    color: $color_6666

.table_tags_number
    border: 0 none
    margin-left: 10px

.table_tags_percent
    font-size: 12px
    color: $color_9999

.table_tags_rates
    font-size: 12px
    color: $color_9999
    margin-left: 10px
    //background: $color_fdde
    background: $color_ecf5
    border: 0 none

.position_relative
    position: relative

.position_absolute
    position: absolute



.customer_table_bar
    overflow-x: hidden !important
    position: relative
    padding-top: 50px !important
    .ant-table-body
        overflow-x: hidden !important

    .table_data_total
        position: absolute
        top: -40px

.select_cascader_wrapper
    width: 140px
    input
        border-radius: 4px !important

.left_common_header_content
    .ant-cascader-menus
        background: transparent !important
        box-shadow: none !important

        .ant-cascader-menu
            background: $color_ffff
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15)
    span
        display: inline-block
        height: 32px
        line-height: 29px

    .scene_cascader_container
        .ant-cascader-picker-label
            margin-top: -15px


#cascader_container
    .ant-cascader-menu
        min-width: 140px
        height: auto
        max-height: 400px

.table_columns_rows_input
    max-width: 40px
    text-align: center
    padding: 0 2px
    border-radius: 4px !important
    height: 21px
    margin-left: 10px

.table_columns_percent
    font-size: 12px
    font-style: normal
    margin-left: 4px
    color: $color_9999

.table_select_tips
    margin-left: 10px
    font-size: 12px
    border-radius: 4px
    width: 100px
    input
        border-radius: 4px !important

.add_product_modal_content
    width: 90% !important
    max-width: 1600px
    padding-bottom: 0 !important
    .swiper-pagination
        padding: 3px 0
        .swiper-pagination-bullet
            width: 26px
            height: 26px
            color: $color_ff69
            line-height: 24px
            text-align: center
            border: 1px solid $color_ff69
            box-sizing: border-box
            background-color: $color_ffff
            opacity: 1
            font-size: 16px

            &:focus
                --antd-wave-shadow-color: transparent
                outline: none

        .swiper-pagination-bullet-active
            background: $color_ff69
            color: $color_ffff

    .swiper-button-disabled
        span
            color: $color_cccc !important


.add_modal_title
    border-bottom: 2px solid $color_bfbf
    padding: 0 8px 10px

    h1
        margin-bottom: 0
        color: $color_ff69
        position: relative
        padding-left: 10px
        &::before
            content: ' '
            position: absolute
            width: 4px
            height: 70%
            background: $color_ff69
            left: 0
            bottom: 4px

.common_table_align_center
    thead
        th
            text-align: center
            padding: 8px 6px

.chart_none_data
    text-align: center
    font-size: 22px
    color: $color_cccc
    line-height: 600px
    border-bottom: 1px solid $color_eeee
.line_chart_none_data
    text-align: center
    font-size: 22px
    color: $color_cccc
    line-height: 600px
    border-bottom: 1px solid $color_eeee
    display: flex !important
    justify-content: center
    align-items: center
    position: absolute
    top: 0
.ellipse_td
    text-align: center
    white-space: nowrap
    max-width: 150px
    overflow: hidden
    text-overflow: ellipsis

.common_table_align_center
    table
        tbody
            tr
                td
                    text-align: center

                .heart_check
                    font-size: 18px
                    color: #666
                    height: 30px
                    box-sizing: border-box
                    display: inline-block

                .iconyiguanzhu
                    color: #fd6969
                    font-size: 21px

    .ant-pagination-options-quick-jumper
        margin-left: 10px
        input
            border-radius: 6px !important

    .table_data_total
        position: absolute
        left: 0

        i
            font-style: normal
        strong
            margin-left: 10px
            font-weight: normal

    .ant-pagination-item-active
        background: $color_ff69
        border-color: $color_ff69
        color: $color_ffff

        a
            color: $color_ffff

    .ant-pagination-item
        min-width: 30px
        height: 30px
        line-height: 28px
        &:hover
            border-color: $color_ff69
            color: $color_ff69
            a
                color: $color_ff69

.table_border_right
    table
        border-radius: 0
    thead
        tr
            &:first-child
                th
                    &:first-child
                        border-radius: 0
            th
                border-top: 1px solid $color_eeee
                border-right: 1px solid $color_eeee
                border-radius: 0
                padding: 14px 14px
                text-align: center
                &:last-child
                    border-right: 0 none
    tbody
        tr
            td
                border-right: 1px solid $color_eeee
                padding: 14px 14px
                text-align: center

                &:last-child
                    border-right: 0 none

.customer_table_list
    width: 100%
    tbody
        tr
            td
                padding: 12px 8px
                border-bottom: 1px solid $color_eeee

.customer_table_border
    tbody
        tr
            td
                &:nth-child(1)
                    background: $color_e6f2
                    border-right: 1px solid $color_eeee
                &:nth-child(3)
                    background: $color_e6f2
                    border-right: 1px solid $color_eeee
                    border-left: 1px solid $color_eeee
                &:nth-child(even)
                    //background: $color_e6f2

.charts_nav_header
    border-bottom: 2px solid $color_dcdc
    padding-bottom: 10px
.float_border_set
    .charts_nav_header
        border-bottom: 1px solid $color_dcdc !important
        padding-bottom: 10px


.customer_table_border_red
    border: 1px solid $color_eeee
    tbody
        tr
            td
                &:nth-child(1)
                    background: $color_e6f2
                    width: 200px
                    border-right: 1px solid $color_eeee
                &:nth-child(2)
                    //background: $color_ff6f
                    width: 300px
                    border-right: 1px solid $color_eeee

                &:nth-child(3)
                    background: $color_e6f2
                    width: 200px
                    border-right: 1px solid $color_eeee
                    border-left: 1px solid $color_eeee

.ant-btn-danger
    &:disabled
        background: $color_eeee !important
        border-color: $color_eeee !important

.scene_common_header
    padding-bottom: 10px

    .float_right
        button
            margin-right: 20px

    .ant-calendar-picker-input
        border-radius: 4px !important

    .header_content_split
        font-weight: normal
        font-size: 18px
        padding: 0 10px
        color: $color_9999

.ant-table
    table
        thead
            tr
                transition: none !important

.text_align_left
    text-align: left !important

.ant-table-fixed-left
    table
        width: 100px

.small_font_tit
    font-size: 12px

.table_data_total
        position: absolute
        left: 0
        top: -25px
        strong
            font-weight: normal
            padding-left: 20px

        i
            font-style: normal
.text_center
    text-align: center


.correlation_table_performance
    table
        thead
            tr
                th
                    text-align: center
                    background: $color_e6f2
                    &:nth-child(2)
                        text-align: left

        tbody
            tr
                td
                    text-align: center
                    padding: 0

                    &:nth-child(2)
                        text-align: left
                        padding: 0 16px
                        max-width: 200px
                        background: $color_e6f2
                    &:nth-child(1)
                        padding: 0 16px
                        background: $color_e6f2

                    span
                        padding: 16px 0
                        display: block

                &:nth-child(even)
                    background: $color_ffff !important

                &:hover
                    background: $color_ffff !important

                    td
                        background: $color_ffff !important

                        &:nth-child(2)
                            background: $color_e6f2 !important
                        &:nth-child(1)
                            background: $color_e6f2 !important
.table_td_bg_gray
    background: $color_eeee

.table_td_bg_green
    background: $color_e5ff

.table_td_bg_red
    background: $color_fe92

.add_modal_pagination
    .ant-pagination-options-quick-jumper
        input
            border-radius: 4px !important

.reset_date_radius
    input
        border-radius: 4px !important

.date_header_content_split
    font-weight: normal
    padding: 0 8px
    font-size: 18px

.home_compare_btns
    home_compare_btns
    width: 46px
    height: 46px
    color: $color_ffff !important
    border-radius: 100%
    background: linear-gradient(to bottom, $color_19ac 0%, $color_0082bc 100%) !important
    text-align: center
    padding: 0 !important
    position: relative
    z-index: 999
    span
        display: block
        i
            font-size: 12px
            font-style:  normal
            margin-top: -3px
        &::after
            content: ' '
            position: absolute
            height: 56px
            width: 56px
            background: rgba(12,161,214,0.5)
            opacity: 0.6
            border-radius: 100%
            left: 50%
            transform: translate(-50%, -50%)
            top: 50%
            z-index: -1
            box-shadow: 0 0 10px rgba(12,161,214,0.4)
        &:hover
            background: $color_0ca1
            color: $color_ffff !important
        &:focus
            background: $color_0ca1
            color: $color_ffff
.compare_list_items
    width: 380px
    max-height: 440px
    overflow-y: scroll
    border-radius: 8px
    background: $color_ffff
    position: absolute
    right: 18px
    top: 26px
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
    padding-bottom: 12px
    z-index: 99
    dt
        text-align: center
        padding: 10px 0
        span
            display: inline-block
            position: relative
            &::after
                position: absolute
                width: 100%
                height: 2px
                background: $color_ff69
                content: ''
                bottom: -2px
                left: 0
    dd
        padding: 10px 12px
        border-bottom: 1px solid #eee
        zoom: 0
        &::after
            content: ' '
            display: block
            width: 100%
            clear: both
        span
            float: left
            width: 18px
            height: 18px
            background: $color_2c81
            border-radius: 100%
            text-align: center
            color: $color_ffff
            line-height: 18px
            margin-right: 20px
        a
            float: left
            font-weight: normal
            color: $color_3333
        i
            float: right
            font-size: 16px
            color: #999
.compare_btns_wrapper
    text-align: center
    padding-top: 10px
    .compare_clear_btn
        margin-right: 10px
        background: $color_d3d1
        border-radius: 18px
        padding: 0 20px
        height: 30px
        line-height: 27px
        color: $color_3333
        border: 0 none
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.3)
    .compare_compare_btn
        margin-left: 10px
        padding: 0 20px
        border: 0 none
        background: linear-gradient(to bottom, $color_19ac 0%, $color_0082bc 100%) !important
        color: $color_ffff
        border-radius: 18px
        // box-shadow: 0 0 6px rgba(255, 105, 104, 1)$color_ff69
        box-shadow: 0 0 6px $color_19ac



.ant-tooltip
    max-width: 330px !important
    .ant-tooltip-inner
        min-width: 0px !important


.ant-calendar-picker-input.ant-input
    border-radius: 8px !important


.scroll-top
    position: fixed
    width: 50px
    height: 50px
    z-index: 9999999
    right: 20px
    background: rgba(0, 0, 0, 0.3)
    bottom: 40px
    border-radius: 8px
    border: 1px solid #eee
    text-align: center
    visibility: hidden
    overflow: hidden
    transition: all 0.3s cubic-bezier(0.5, 0, 0, 0.6)
    .scroll-up-icon
        color: #fff
        font-size: 35px
        line-height: 50px

.arrow-hidden
    height: 0
    visibility: hidden
    transition: all 0.3s cubic-bezier(0.5, 0, 0, 0.6)

.arrow-show
    height: 50px
    visibility: visible
    transition: all 0.3s cubic-bezier(0.5, 0, 0, 0.6)

.ant-empty-description
    font-size: 18px
    //color: $color_279ac6
    color: $color_9999
    line-height: 1.5

.ant-empty-image
    height: auto !important
    img
        width: 100%
        height: auto

.ant-cascader-menu-item
    .ant-empty
        padding: 10px 0 !important
        .ant-empty-image
            width: 100% !important
            height: auto !important
            img
                width: 100%
                height: auto

.advisor_tips_content
    width: 440px
    text-align: justify
    left: -10px


.advisor_tips_wrapper
    position: relative
    bottom: -2px
    margin-left: 10px
    color: $color_9999
    .ant-popover-placement-bottomLeft
        left: -10px !important
        .ant-popover-inner
            background: #fafafa

    .MJXp-display
        position: relative
        width: 100%
        height: 100%
        &:after
            content: ''
            width: 100%
            height: 100%
            left: 0
            top: 0
            z-index: 999
            position: absolute
            background: transparent

    .mjx-chtml
        position: relative
        &:after
            content: ''
            width: 100%
            height: 100%
            left: 0
            top: 0
            z-index: 999
            position: absolute
            background: transparent


#root
    min-height: 100%
    >div
        min-height: 100%

.drag_change_width
    position: relative

.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters::before
    z-index: -999
